iT邦幫忙

2021 iThome 鐵人賽

DAY 4
1
Modern Web

白話JavaScript系列 第 4

Day04-判斷

  • 分享至 

  • xImage
  •  

導讀

條件在程式中是不可或缺的一部分,意指滿足某項執行A,若否執行B

Conditional

以下代碼為若大於18歲,即印出Adult

var user = {
  name: 'Ian',
  age: 22
}

if (user.age > 18){
  console.log('Adult') //Adult
} else {
  console.log('Minor')
}

但我們想要再增加一個級距就要使用else if

var user = {
  name: 'Ian',
  age: 15
}

if (user.age > 18){
  console.log('Adult') 
} else if (user.age > 12){
  console.log('Minor') //Minor
} else {
  console.log('Children')
}

以上的代碼為
age大於18 = Adult,
age > 12 但未滿18 = Minor,
age < 12 = Children


接下來我們會使用Ternary Operator(三元運算子)

程式碼 ? 值為true執行 : 值為false執行 

我們來實踐一下

var dollar = 100

var currentValue = dollar > 50 ? "true" : "false"

console.log(currentValue) //true

function判斷式

var dollar = 100

function caculator(parameter) {
  return parameter > 50
}

console.log(caculator(dollar)) //true

在return這行解釋一下,當dollar > 50成事實,值會變成true,而return就是把true或是false回傳,

但值並不會被印出來,我們使用return通常會需要一個變數接住它,再輸出或是做更多的運算。

var dollar = 100

function caculator(parameter) {
  return parameter > 50
}

const temp = caculator(dollar) 

console.log(temp)//true

或是直接用console.log(function()...)

var dollar = 100

function caculator(parameter) {
  return parameter > 50
}

console.log(caculator(dollar)) //true

return 只會執行當前這一行,之後的程式碼便不會執行,

當平常在輸入文字之後按下enter(mac稱為 return),即馬上做斷點,同理可證程式碼的return也可以當作斷點!!!

var dollar = 100

function caculator(parameter) {
  return parameter > 50
  console.log('end') //這行無作用
}
console.log(caculator(dollar)) 

努力不會很輕鬆,但不努力你可以很輕鬆
/images/emoticon/emoticon79.gif

今天是第四天! 加油!!!


上一篇
Day03-搞懂傳址、傳值? 電腦如何儲存資料?
下一篇
Day05-Variables
系列文
白話JavaScript28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言